<template>
    <div class="container">
        <BoxShadowOverflow v-slider="{ autoPlay: true, scroll: 2 }" />
        <BoxShadowOverflow v-slider="{ autoPlay: false, scroll: 3, effect: 'leftLoop', easing: 'easeInQuint' }" />
        <BoxShadowOverflow v-slider="{ autoPlay: true, scroll: 4 }" />
    </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
@Component<Test1Page>({
    head() {
        return {
            title: this.testTitle,
        }
    },
})
export default class Test1Page extends Vue {
    testTitle: string = '多个slider同时存在'
}
</script>
